<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>免费登录页面</title>

    <link rel="stylesheet" href="css/北大青鸟课程导航.css">

    <style>

        .list {width: 312px; height: 353px;margin: 0 auto; }

         p{margin-top: 15px;color: white}

        .list{background-image: url("img/bg.jpg")}   /*这是大框架div里面的背景图片*/

        .list form{
           margin-left: 20px;
            height: 313px; width: 100%;
            padding-top: 80px;
        }

        form{background-image: url("img/btn.jpg"); /* 这是form框架里面的背景图片*/
            background-position:54px 293px;
            background-repeat: no-repeat}





    </style>
</head>
<body>
<div class="list">



<form method="post" action="#">


    <div class="nickname">
      <p> <label for="nickname" > *姓名：</label>
          <input type="nickname" name="nickname"id="nickname"></p>
    </div>

    <div class="email">
        <p> <label for="email">*邮箱：</label>
            <input type="email" name="email" id="email"></p>
    </div>






     <div class="tel">
         <p> <label for="tel"> *电话：</label>
             <input type="tel" name="tel" id="tel"></p>
     </div>



    <div class="sex">
        <p>  *性别：&nbsp<select name="sex";id="sex";name="sex" >
                  <option value="请选择">请选择</option>
                  <option value="男">男</option>
                  <option value="女">女</option>   </select>  </p>


    </div>



   <div class="age">
       <p> *年龄：&nbsp;<input type="number" max="100" min="1"  value="18" id="age" name="age"  > </p>                                                                       </p>
   </div>


</form>

</div>

</body>
</html>